$hoverColor: #0af;

@mixin clearfix($content: "") {
    &:after {
        content: $content;
        height: 0;
        display: block;
        clear: both;
    }
}

@mixin absMiddle() {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@mixin square($size) {
    width: $size;
    height: $size;
    overflow: hidden;
}


@mixin circle($size) {
    @include square($size);
    border-radius: 100%;
}

@mixin fillView() {
    @include square(100%);
}
